<template>
<div class="vehicleInfo">
  <div class="header">车船信息</div>
  <div class="hr"></div>
  <div class="cont">
    <ul>
      <li>
        <span>司机：</span>
        <i>{{vehiInfo.userName}}</i>
      </li>
      <li>
        <span>手机号：</span>
        <i>{{vehiInfo.userCode}}</i>
      </li>
      <li>
        <span>身份证：</span>
        <i>{{vehiInfo.cardId}}</i>
      </li>
      <li>
        <span>车船号：</span>
        <i>{{vehiInfo.vehicleNum}}</i>
      </li>
      <li>
        <span>车船类型：</span>
        <i>{{vehiInfo.vehicleTypeName}}</i>
      </li>
      <li>
        <span>创建时间：</span>
        <i>{{vehiInfo.createDate}}</i>
      </li>
    </ul>
  </div>
  <div class="backBtn">
    <a href="javascript:;" @click='back'>返回</a>
  </div>
</div> 
</template>
<script>
export default {
  data() {
    return {
      content: ""
    };
  },
  props: {
    vehiInfo: {
      type: Object,
      default: {}
    }
  },
  mounted() {},
  methods: {
    back() {
      this.$emit("upup", false);
    }
  }
};
</script>
<style lang="less" rel="stylesheet/less">
@import "~common/less/variable";
@import "~common/less/modules/public.less";
.vehicleInfo {
  .mint-popup {
    border-radius: 20px;
  }
}
.vehicleInfo,
.addVehicleInfo {
  width: 500px;
  padding: 42px;
  padding-top: 10px;
  .header {
    font-size: 36px;
    font-weight: 400;
    text-align: center;
  }
  .hr {
    height: 2px;
    background: #cdcdcd;
    margin: 0 0 16px;
  }
  .cont {
    ul {
      li {
        font-size: 28px;
        font-weight: 400;
        padding: 0px;
        span {
          display: inline-block;
          width: 200px;
          text-align: right;
          color: #999;
          font-weight: 400;
        }
        i {
          color: #333;
          font-weight: 400;
        }
      }
    }
  }
  .backBtn {
    a {
      display: block;
      width: 240px;
      height: 72px;
      line-height: 72px;
      color: #fff;
      background: @blue;
      text-align: center;
      margin: 54px auto 0;
      font-size: 36px;
      border-radius: 8px;
    }
  }
}
</style>